<div id="help-card" style="padding: 5px; border: 1px solid #ccc; box-shadow: #9e9e9e 1px 2px 5px; background: #fff; position: fixed; width: 600px; top: 10px; right: 10px; z-index: 99999999999;">
    <div class="row text-right move" style="margin: 0; cursor: pointer;">
    	<span class="glyphicon glyphicon-remove" aria-hidden="true" style="cursor: pointer; margin-right: 15px;"></span>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <label class="col-sm-2" style="padding: 0;">样式</label>
        <label class="col-sm-2" style="padding: 0;">作用</label>
        <label class="col-sm-2" style="padding: 0;">单位</label>
        <label class="col-sm-6" style="padding: 0;">说明</label>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">font-size</div>
        <div class="col-sm-2" style="padding: 0;">字体大小</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">font-size: 20px;</span>最小12px</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">color</div>
        <div class="col-sm-2" style="padding: 0;">字体颜色</div>
        <div class="col-sm-2" style="padding: 0;">hex、rgb</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">color: red;</span></div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">font-family</div>
        <div class="col-sm-2" style="padding: 0;">字体</div>
        <div class="col-sm-2" style="padding: 0;"></div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">font-family: "微软雅黑";</span>必须手机上有该字体</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">margin</div>
        <div class="col-sm-2" style="padding: 0;">四周外边距</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">margin: 0 auto;</span>代表水平居中 <a target="_blank" href="http://www.w3school.com.cn/cssref/pr_margin.asp">参考地址</a> </div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">margin-top</div>
        <div class="col-sm-2" style="padding: 0;">上外边距</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">margin-top: 50%;</span>距离上面50%的屏幕长度</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">margin-bottom</div>
        <div class="col-sm-2" style="padding: 0;">下外边距</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">margin-bottom: 50%;</span>距离下面50%的屏幕长度</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">margin-right</div>
        <div class="col-sm-2" style="padding: 0;">右外边距</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">margin-right: 50%;</span>距离右面50%的屏幕长度</div>
    </div>
    <div class="row" style="margin: 0; border-top: 1px solid #ccc;">
        <div class="col-sm-2" style="padding: 0;">margin-left</div>
        <div class="col-sm-2" style="padding: 0;">左外边距</div>
        <div class="col-sm-2" style="padding: 0;">px、rpx、%</div>
        <div class="col-sm-6" style="padding: 0;"><span style="background: #9e9e9e; padding: 0 3px; color: #000">margin-left: 50%;</span>距离左面50%的屏幕长度</div>
    </div>
</div>